<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"      
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:p="http://primefaces.org/ui">
<h:head>
  <title>Página inicial</title>
  <script src="javascript/paginainicial.js"></script>
  <link href="${verDetalhesLivroBean.linkCssLayoutPagina}" rel="stylesheet" type="text/css" />
  <link href="CSS/styles.css" rel="stylesheet" type="text/css" />
  <link href="CSS/paginainicial.css" rel="stylesheet" type="text/css" />
  <link href="CSS/posicaoDoMenu.css" rel="stylesheet" type="text/css" />
  
</h:head>

<h:body>
<f:metadata>
        <f:event type="preRenderView" listener="#{verDetalhesLivroBean.carregarCSSLayoutParaQualquerPagina}"/>
</f:metadata>
<f:view>
    
    
    <div id="conteudopagina">
    <p:messages />
  		<h1 style = "text-align:center">Editar Personagem</h1>
  		<h:form>
  			<p>nome personagem : <h:inputText required="true" requiredMessage="campo obrigatório: nome personagem" value="#{listarPersonagensDoLivroBean.nomePersonagemParaEdicao}"></h:inputText></p>
  			<p> descrição personagem : <h:inputTextarea required="true" requiredMessage="campo obrigatório: descrição personagem" cols='50' rows='4' value="#{listarPersonagensDoLivroBean.descricaoPersonagemParaEdicao}"></h:inputTextarea></p>
  			<h:commandButton value="salvar edição" action="#{listarPersonagensDoLivroBean.editarPersonagemDaLista}"></h:commandButton>
  		
  		</h:form>  
    
    
    
    </div> <!-- terminou o div de id = conteudopagina -->
</f:view>
  </h:body>
</html>    